@mixin columnFlex {
    display: flex;
    flex-direction: column;
}

@mixin flexCenter {
    display: flex;
    justify-content: center;
    align-items: center;
}

@mixin scrollStyle {
    &::-webkit-scrollbar {
        width: 8px;
        height: 8px;
    }
    &::-webkit-scrollbar-track-piece {
      background-color: $--border-bg-primary-color; 
    }
    &::-webkit-scrollbar-thumb {
        background-color: $--scroll-bar-color;
        border-radius: 4px;
    }
}

@mixin noScrollStyle {
    &::-webkit-scrollbar {
        display: none;
    }
    scrollbar-width: none;
}